<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>动态创建列表</title>
</head>
<body>

    <!-- 用户输入内容，然后根据内容创建列表 -->
    <ul class="ul"></ul>
    <script> 
        //获取ul元素
        var ulEl = document.querySelector(".ul");
        while(true)
        {

            //创建元素并添加内容然后插入
            var text = prompt("请输入列表的内容");
            if(!text)
            {
               break;
            }
            var liEl = document.createElement("li");
            liEl.textContent = text;
            ulEl.append(liEl);
        } 
    </script>
    
</body>
</html>